@import '../../../styles/mixins.scss';
@import '../../../styles/var.scss';

.m-four-great-picker {
  .nut-tabs {
    height: 872px !important;
  }
  .nut-tabs-titles {
    width: 256px !important;
    height: 100% !important;
    padding-top: 32px;
  }
  .item {
    gap: 32px;
    @include flex-start;
  }

  .item-wrap {
    height: 104px;
    width: 100%;
    @include flex-space-between;
    &:not(:last-child) {
      border-bottom: 2px solid $border-color-base;
    }
  }

  .name {
    font-family: PingFangSC-Medium;
    font-size: $font-size-large;
    color: $text-color-main;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: 400;
  }
  .active {
    color: $color-active;
  }
  .footer {
    padding: 24px 32px;
    gap: 32px;
    @include flex-start;
    button {
      flex: 1;
    }
  }
}
